<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset='UTF-8'>
<title>DOROODO图表组件</title>
<script src='../plug/ichartjs-designer/plugin/jquery-1.8.0.min.js'></script>
<script src='../plug/ichartjs-designer/js/ichart.1.2.1.src.beta.20140328.js'></script>
<script src='../plug/ichartjs-designer/js/jquery.timers.js'></script>
<script src='../plug/ichartjs-designer/js/ichart.data.js'></script>
</head>
<body style='margin:0; padding:10px;'>
<div style="width:100%;height:100%;border:1px red solid">
<div id='ichart-render'></div></div>
<script type='text/javascript'>
var chart_data=
//数据开始
{
            render:"ichart-render",
            background_color:"#fefefe",
            gradient:false,
            color_factor:0.2,
            border:{
                  color:"BCBCBC",
                  width:1
            },
            align:"center",
            offsetx:0,
            offsety:0,
            sub_option:{
                  border:{
                        color:"#BCBCBC",
                        width:1
                  },
                  label:{
                        fontweight:500,
                        fontsize:11,
                        color:"#4572a7",
                        sign:"square",
                        sign_size:12,
                        border:{
                              color:"#BCBCBC",
                              width:1
                        },
                        background_color:"#fefefe"
                  }
            },
            shadow:true,
            shadow_color:"#666666",
            shadow_blur:2,
            showpercent:false,
            column_width:"70%",
            bar_height:"70%",
            radius:"90%",
            title:{
                  height:30,
                  color:"#111111",
                  fontsize:20,
                  font:"微软雅黑",
                  textAlign:"center",
                  offsetx:0,
                  offsety:0,
                  text:"DOROODO图表组件"
            },
            subtitle:{
                  height:20,
                  color:"#111111",
                  fontsize:16,
                  font:"微软雅黑",
                  textAlign:"center",
                  offsetx:0,
                  offsety:0,
                  text:""
            },
            footnote:{
                  height:20,
                  color:"#111111",
                  fontsize:12,
                  font:"微软雅黑",
                  textAlign:"right",
                  offsetx:0,
                  offsety:0,
                  text:""
            },
            legend:{
                  enable:false,
                  background_color:"#fefefe",
                  color:"#333333",
                  fontsize:12,
                  border:{
                        color:"#BCBCBC",
                        width:1
                  },
                  column:1,
                  align:"right",
                  valign:"center",
                  offsetx:0,
                  offsety:0
            },
            coordinate:{
                  width:"80%",
                  height:"84%",
                  background_color:"#ffffff",
                  axis:{
                        color:"#a5acb8",
                        width:[1,"",1,""]
                  },
                  grid_color:"#d9d9d9",
                  label:{
                        fontweight:500,
                        color:"#666666",
                        fontsize:11
                  }
            },
            label:{
                  fontweight:500,
                  color:"#666666",
                  fontsize:11
            },
            type:"column2d",
            data:[
                  {
                  name:"名称A",
                  value:96.43049364417179,
                  color:"#4572a7",
                  url:"syChart_Get_TestData!2"
            },{
                  name:"名称B",
                  value:96.43049364417179,
                  color:"#aa4643",
                  url:"syChart_Get_TestData!2"
            }
            ]
      }
//数据结束
$(function(){
      var chart = iChart.create(chart_data);
      chart.draw();
	var h=$(this).height()-70;
	var w=$(this).width()-25;
	chart.resize(w,h);
	start(chart);
});
</script>
</body>
</html>